const path = require('path');
const webpack = require('webpack');
const CopyWebpackPlugin = require('copy-webpack-plugin');


module.exports = {
    // devServer 配置
    devServer : {
        open : true,  // 自动打开页面
        port : 9003,  // 启动端口
        openPage : 'index.html', // 打开指定的页面
    },

    entry: {
        main: './index.js',
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                loader: "babel-loader",
                exclude : /node_modules/,
            }
        ],
    },
    externals:{
        //当你在代码中import jquery的时候，不会把jquery打包到bundle中，而是使用我指定的全局中的jQuery对象
    },
    plugins: [
        // copy 静态资源
        new CopyWebpackPlugin({
            patterns : [{
                from: path.resolve(__dirname, 'public'),
                to  : path.resolve(__dirname, 'dist')
            }],
            options : {}
        }),
        // 添加标识 署名
        new webpack.BannerPlugin(`
            TODO Team : 李小小\n
            TODO Date : ${new Date().toLocaleDateString().split('/').join('-')}\n
            TODO Purpose : 验证码（仅适用与WEB）
        `)
    ],
    // 出口
    output: {
        filename: 'com.verifyCode.js',
        path: path.resolve(__dirname, 'dist'),
        library : 'verifyCode',
        libraryTarget: "umd"
    },
};
